.comcn /deep/.el-dialog {
    width: 70% !important;
}
.moduleDialog {
display: flex;
flex-direction: flex;
.baseTable {
    height: 190px;
}
.postionTable {
    flex: 1;
}
.noteTable {
    height: 250px;
}
}
.customTable {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    padding-right: 35px;
  }
  .customTable /deep/.cell {
    height: 100%;
    display: flex;
    align-items: center;
  }
  
  .customTable /deep/.el-button {
    width: 25px;
  
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
 
  .tab {
    display: flex;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    border-bottom: 2px solid #E4E7ED;
    padding: 0 0.16rem;

    .btn {
        margin-top: 4px;
        margin-right: 16px;
        width: 102px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;

    }
}

.charts {
    height: calc(100% - 35px);
}

.baseTitle {
    /* border: 1px solid #0c204d; */
    border-bottom: 1px solid #0c204d;

    height: 35px;
    line-height: 35px;
    position: relative;
    padding-left: 15px;

}

.baseTitle::after {
    display: block;
    content: "";
    height: 35px;
    width: 5px;
    position: absolute;
    left: 0;
    top: 0;
    background: #0c204d;
}
.echartIcon {
  height: 200px;
  width: 100%;
}
.animation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  .animationtop {
    flex: 1;
    background-color: #fff;
    display: flex;
    width: 80%;
    justify-content: space-around;
    // align-content:flex-end;
    align-items: flex-end;

  }
  .animationBottom {
    width: 80%;
    background-color: #E9E2D0;
    // z-index: 55;
    height: 80px;     
    display: flex;
    justify-content: space-around;
    .animationBottomRight {
      width: 35px;
      height: 80%;
      background: url(../../../assets/img/bg.png) no-repeat;
      background-size: 100% 100%;
     
    }
    .animationBottomLeft {
      width: 35px;
      height: 80%;
      border: 1px dashed    #868582;
      position: relative;
      .circle {
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background-color: #868582;
        position: absolute;
        top: 50%;
        left: 80%;
        transform: translate(-50%,-50%);
      }
      .bline {
        width: 15px;
        height: 0.5px;
        background-color: #868582;
        position: absolute;
        top: 48%;
        left: 60%;
        transform:rotate(145deg) translate(-50%,-50%) ;
     
      }
      .hline {
        width: 60px;
        height: 0.5px;
        background-color: #868582;
        position: absolute;
        top: 35%;
        left: 203%;
        transform: translate(-50%,-50%);
        font-size: 10px;
        color: #171A1D;
        line-height: 20px;
        span {
          color: #52C0E8;
        }
      }
      .title {
        width: 70px;
        // height: 0.5px;
        // background-color: #868582;
        position: absolute;
        top: 20%;
        left: 216%;
        transform: translate(-50%,-50%);
        font-size: 10px;
        color: #171A1D;
        span {
          color: #52C0E8;
        }
      }
    }
  }
  .animationLeft {
    height: 80%;
// width: 50%;
    width: 35px;
    background: url(../../../assets/img/g.png) no-repeat;
    background-size: 100% 100%;
  }
  .animationRight {
    position: relative;
    .circle {
      width: 2px;
      height: 2px;
      border-radius: 50%;
      background-color: #868582;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }
    .bline {
      width: 15px;
      height: 0.5px;
      background-color: #868582;
      position: absolute;
      top: 50%;
      left: 30%;
      transform:rotate(145deg) translate(-50%,-50%) ;
   
    }
    .hline {
      width: 95px;
      height: 0.5px;
      background-color: #868582;
      position: absolute;
      top: 45%;
      left: 220%;
      transform: translate(-50%,-50%);
      font-size: 10px;
      color: #171A1D;
      line-height: 20px;
      span {
        color: #52C0E8;
      }
    }
    .title {
      width: 120px;
      // height: 0.5px;
      // background-color: #868582;
      position: absolute;
      top: 25%;
      left: 258%;
      transform: translate(-50%,-50%);
      font-size: 10px;
      color: #171A1D;
      span {
        color: #52C0E8;
      }
    }
  }
}
// 
